<template>
 <div>
     <!--商品简介-->
    <div class="goods_detail" style="display: block">
        <!--轮换图片展示-->
        <div id="aui-slide">
            <div class="aui-slide-wrap">
                <div class="aui-slide-node bg-dark">
                <img class="goodspic" :src="goodsdata.urllist[0].imgurl"/>
                <!--<p>{{goodsdata.urllist[0].imgurl}}</p>-->
                </div>
                <!--<div class="aui-slide-node bg-dark">-->
                <!--<img src="image/demo2.png"/>-->
                <!--</div>-->
                <!--<div class="aui-slide-node bg-dark">-->
                <!--<img src="image/demo3.png"/>-->
                <!--</div>-->
            </div>
            <div class="aui-slide-page-wrap">
                <!--分页容器-->
            </div>
        </div>
        <!--轮换图片展示end-->
        <h2 class="aui-ellipsis-2 goodsname">

        </h2>
        <p class="second_title aui-ellipsis-1 goodssubname">{{goodsdata.goodsname}}</p>
        <p><span class="prices_text">¥<em class="wsprice">{{parseFloat(goodsdata.wsprice).toFixed(2)}}</em></span>&nbsp;
            <del class="normalprice">¥{{parseFloat(goodsdata.normalprice).toFixed(2)}}</del>
        </p>





        <div class="standard_con">
            <li class="active theLabel"><span id="goodsspec">{{goodsdata.goodsspec}}</span><i class="icon njfont nj-xuanzhong"></i></li>




        </div>

        <!--<p style="display: block">可选服务</p>
        <div class="standard_con" style="display: block" id="serviecOptions">
            <li class="active">宰杀<i class="icon njfont nj-xuanzhong"></i></li>
            <li>宰杀+切片<i class="icon njfont nj-xuanzhong"></i></li>
            <li>宰杀+切块<i class="icon njfont nj-xuanzhong"></i></li>
        </div>-->

        <!--<p class="processcomments" style="display: block">说明：宰杀免费，需加工10分钟，加工后冷藏保存</p>-->
        <div class="aui-row order_class">
            <div class="aui-col-xs-4">
                <i class="icon njfont nj-dizhi"></i>
                <div class="aui-grid-label" id="city">{{goodsdata.prodarea}}</div>
                <!--产地-->
                <div class="right_line"></div>
            </div>
            <div class="aui-col-xs-4">
                <i class="icon njfont nj-caigou"></i>
                <div class="aui-grid-label">每三天采购</div>
                <div class="right_line"></div>
            </div>
            <div class="aui-col-xs-4">
                <i class="icon njfont nj-diwen"></i>
                <div class="aui-grid-label">冷藏储存</div>
            </div>
        </div>
        <div class="aui-content aui-margin-b-15">
            <ul class="aui-list aui-list-in">
                <!--<li class="aui-list-item" style="display: block">
                    <div class="aui-list-item-arrow discount_con" id="coupo_clumb">
                        <span class="text_c_gray">优惠&nbsp;&nbsp;</span>
                        <em>满100减5</em>
                        <em>满200减15</em>
                        <em>满500减50</em>
                    </div>
                </li>-->
                <li class="aui-list-item">
                    <div class="discount_con discount_go">
                        <div style=" position: absolute;z-index: 22">
                            <span class="text_c_gray">服务&nbsp;&nbsp;</span>
                            <font><i class="icon njfont nj-gouxuan"></i>免费配送</font>
                            <font><i class="icon njfont nj-gouxuan"></i>48小时退差价</font>
                            <font><i class="icon njfont nj-gouxuan"></i>售后无忧</font>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!--商品简介end-->
 </div>
</template>
<style scoped>
    img.goodspic {
        width: 342px;
        height: 342px;
        display: inline-block;
    }

    .goodssubname {
        font-weight: 400;
        color: #444444;
        font-size: 1rem;
    }

    .aui-slide-wrap .aui-slide-node {
        position: relative;
        height: auto;
    }

    .aui-slide-wrap {
        height: auto;
    }

    .goods_detail #aui-slide {
        height: auto !important;
    }

    #aui-slide {
        height: auto !important;
    }

    .standard_con li {
        width: 160px;
        min-width: 160px;
    }
</style>
<script>
    export default {
        props: ['goodsdata']
    }
</script>
